<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:a4j="http://richfaces.org/a4j"
                 xmlns:rich="http://richfaces.org/rich"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 template="Template/TemplateSupermercado.xhtml"
                 >

    <ui:define name="content">

        <div class="center wow fadeInDown">
            <h2>Registrar cliente</h2>
        </div>

        <div style="margin-left: 38%">

            <h:panelGrid id="CreacionCliente" columns="2">
                <h:outputText styleClass="outputTexto" value="Nombres" />
                <h:inputText styleClass="textbox" required="true" requiredMessage="Debe ingresar el nombre" value="#{loginBean.currentCliente.nombres}"></h:inputText>
                <h:outputText styleClass="outputTexto" value="Apellidos" />
                <h:inputText styleClass="textbox" required="true" requiredMessage="Debe ingresar el apellido" value="#{loginBean.currentCliente.apellidos}"></h:inputText>

                <h:outputText styleClass="outputTexto" value="Tipo de documento" />

                <h:selectOneMenu  styleClass="textbox" id="BusquedaUsuarioCalificado" value="#{loginBean.currentCliente.idTipoDocumento.idTipoDocumento}"
                                  >
                    <f:selectItems var = "tiposDocumentos"
                                   value="#{loginBean.listaDocumentos}"  
                                   itemLabel="#{tiposDocumentos.nombreDocumento}" itemValue="#{tiposDocumentos.idTipoDocumento}"
                                   />
                </h:selectOneMenu>
                <h:outputText styleClass="outputTexto" value="Numero de documento"></h:outputText>
                <h:inputText styleClass="textbox" required="true" converterMessage="Debe ingresar un número correcto"  requiredMessage="Debe ingresar el numero de documento" value="#{loginBean.currentCliente.numeroDocumento}">
                    <f:validateLength minimum="1" />
                </h:inputText>
                <h:outputText styleClass="outputTexto" value="Direccion" />
                <h:inputText styleClass="textbox" value="#{loginBean.currentCliente.direccion}"></h:inputText>
                <h:outputText styleClass="outputTexto" value="Correo" />
                <h:inputText styleClass="textbox" value="#{loginBean.currentCliente.correo}"></h:inputText>
                <h:outputText styleClass="outputTexto" value="Clave" />
                <h:inputSecret styleClass="textbox" required="true" requiredMessage="Debe ingresar la clave" value="${loginBean.currentCliente.clave}"></h:inputSecret>


                <h:outputText value="" ></h:outputText>
                <a4j:commandButton styleClass="" style="background: #3498db;
                                   border-radius: 28px;
                                   font-family: Georgia;
                                   color: #ffffff;
                                   font-size: 10px;
                                   padding: 5px 5px 5px 5px;
                                   text-decoration: none;"
                                   value="Crear Cliente" 
                                   actionListener="#{loginBean.crearNuevoCliente()}"
                                   oncomplete="if(#{loginBean.resultadoOperacion.resultado})
                                   {alert('La operacion se realizo con exito');}
                                   else {alert(' La solicitud no pudo ser procesado por que :#{loginBean.resultadoOperacion.error} ')}
                                   "
                                   title="Haga click para crear el cliente"
                                   render="panelprincipal"
                                   >
                </a4j:commandButton>

            </h:panelGrid>
            <rich:messages ajaxRendered="true"  />
        </div>
    </ui:define>
</ui:composition>
